@import url('../common/common.less');

.default_bg_box{
    width: 100%;
    height: 100%;
    background: url('./../../image/home_bg.jpg') no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}
.doctor_box{
    .fack_doctor_head,.god_doctor_head{
        animation: handRotate 1s infinite;
        transform-origin: bottom;
    }
    .fack_doctor_box{
        position: absolute;
        overflow: hidden;
        right: 0px;
        width: 100%;
        height: 100%;
        background: url('./../../image/home_bg.jpg') no-repeat;
        background-size: cover;
        // transform-origin: right top;
    }
    .fack_doctor_ctn{ 
        display: none;
    }
    .fack_doctor_ctn1{
        .fack_doctor_head{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -278px;
            top: 350px;
            width: 556px;
            height: 726px;
            z-index: 2;
        }
        .fack_doctor_body{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -375px;
            top: 980px;
            width: 750px;
            height: 670px;
        }
    }
    .fack_doctor_ctn2{
        .fack_doctor_head{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -242px;
            top: 330px;
            width: 484px;
            height: 723px;
            z-index: 2;
        }
        .fack_doctor_body{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -375px;
            top: 980px;
            width: 750px;
            height: 644px;
        }
    }
    .fack_doctor_ctn3{
        .fack_doctor_head{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -242px;
            top: 330px;
            width: 484px;
            height: 669px;
            z-index: 2;
        }
        .fack_doctor_body{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -456px;
            top: 850px;
            width: 912px;
            height: 814px;
        }
    }
    .fack_doctor_ctn4{
        .fack_doctor_head{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -268px;
            top: 330px;
            width: 537px;
            height: 714px;
            z-index: 2;
        }
        .fack_doctor_body{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -375px;
            top: 950px;
            width: 750px;
            height: 676px;
        }
    }
    .god_doctor_ctn{
        display: none;
        .god_doctor_head{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -254px;
            top: 330px;
            width: 508px;
            height: 617px;
            z-index: 2;
        }
        .god_doctor_body{
            display: block;
            position: absolute;
            left: 50%;
            margin-left: -375px;
            top: 810px;
            width: 750px;
            height: 750px;
        }
    }
    .fack_doctor_talk{
        position: absolute;
        left: 50%;
        margin-left: -300px;
        bottom: 320px;
        width: 600px;
        height: 270px;
        z-index: 4;
        opacity: 0;
        animation: fadeIn .5s 1s forwards;
    }
    .doctor_btn{
        position: absolute;
        left: 50%;
        margin-left: -277px;
        bottom: 70px;
        width: 554px;
        height: 190px;
        z-index: 5;
        display: none;
    }
    .god_doctor_btn{
        display: none;
    }
    //  假医生公共
    .doctor_name{
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -223px;
        top: 70px;
        width: 446px;
        height: 210px;
       
    }
}
@keyframes handRotate {
    25%{
        transform: rotate(-1deg);
    }
    75% {
        transform: rotate(1deg);
    }
}

@keyframes fadeIn{
    0%{
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}